<template>
  <div class="home-content">
    <el-descriptions
      class="margin-top"
      title="网站详情"
      :column="3"
      :size="size"
      border
    >
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-user />
            </el-icon>
            作者
          </div>
        </template>
        午阳
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-iphone />
            </el-icon>
            邮箱
          </div>
        </template>
        718685292@qq.com
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-location />
            </el-icon>
            地址
          </div>
        </template>
        西安
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-tickets />
            </el-icon>
            职业
          </div>
        </template>
        <el-tag size="small">全栈开发</el-tag>
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-office-building />
            </el-icon>
            个人简介
          </div>
        </template>
        菜鸟
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-office-building />
            </el-icon>
            网站简介
          </div>
        </template>
        自用早教网站，涵盖拼音、字母、数字、四则运算等，后续将新增唐诗宋词、错题集等等
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon :style="iconStyle">
              <i-user />
            </el-icon>
            项目介绍
          </div>
        </template>
        <h3>前端开发：vue，项目地址：<a href="https://gitee.com/sumoontop/earlyEducationWebsite">earlyEducationWebsite</a></h3>
        <h3>后端开发：springboot，项目地址：<a href="https://gitee.com/sumoontop/earlyEducationService">earlyEducationService</a></h3>
        <h2>数据库：h2</h2>
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  name: 'edu-home',
  setup() {
    return { }
  },
  data() {
    return {
      imgSrc: require('../assets/images/home-bg.png')
    }
  }
}
</script>

<style scoped>
  
</style>
